<template>
    <div class="son" style="border:3px solid #000;margin:10px">
        <!-- 3.直接使用props的值 -->
        我是Son组件,{{ title }}
        <button @click="changeFn">修改title</button>
    </div>
</template>

<script>
export default {
    name: 'Son-Child',
    // 2.通过props来接受
    props: ["title"],
    methods: {
        changeFn() {
            // 1.通过 $emit，向父组件发送通知，调用父组件函数修改
            this.$emit("changeTitle", "sonMsg")
        }
    }
}
</script>

<style>

</style>